<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="/web/page/head.jsp" %>
<title>部门信息维护</title>
</head>
<body>

<div class="layui-collapse">
  <div class="layui-colla-item">
    <h2 class="layui-colla-title">部门信息-查询条件</h2>
    <div class="layui-colla-content layui-show">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px; padding: 5px">
        <legend>部门信息-查询条件</legend>
        <form class="layui-form">
            <div class="layui-form-item">
                <label class="layui-form-label">部门编号</label>
                <div class="layui-input-inline">
                    <input type="text" name="code" placeholder="请输入部门编号" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label">部门名称</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" placeholder="请输入部门名称" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label"></label> 
                <span> 
                <input type="button" class="layui-btn layui-btn-sm" lay-submit lay-filter="search" value="查询" /> 
                <input type="reset" class="layui-btn layui-btn-sm" value="重置" /> 
                <input type="button" class="layui-btn layui-btn-sm" value="添加" onclick="openAdd()" />
                </span>
            </div>
            <input type="hidden" name="action" value="page" />
            <input type="hidden" name="pageIndex" value="1" />
            <input type="hidden" name="pageLimit" value="10" />
        </form>
    </fieldset>
    </div></div></div>
    <div class="layui-form">
        <table class="layui-table">
            <colgroup>
                <col width="10%"><col width="15%"><col width="15%">
                <col width="15%"><col width="15%"><col width="15%"><col>
            </colgroup>
            <thead>
                <tr>
                    <th>序号</th><th>编号</th><th>名称</th>
                    <th>电话</th><th>部门人数</th><th>操作</th>
                </tr>
            </thead>
            <tbody id="user_tbody"></tbody>
        </table>
        <div id="pageInfoUser" style="text-align: right;padding-right: 30px"></div>
    </div>

<script type="text/javascript">
element.render();
formSubmit('/department','submit(search)','json',function(data) {
	console.log(data)
    var curr = $("input[name='pageIndex']").val();
    var limit = $("input[name='pageLimit']").val();
    setPageInfo('pageInfoUser',data.count,curr,limit ,function(obj, first){
        $("input[name='pageIndex']").val(obj.curr);
        $("input[name='pageLimit']").val(obj.limit);
        if(!first){refresh();}//首次不执行
    })
    var html = "" ;//加载表格中数据
    $.each(data.data,function(i, dom) {
        var code = dom.code?dom.code:'';
        var name = dom.name?dom.name:'';
        var tel = dom.tel?dom.tel:'';
        var d={i:(i+1+(curr-1)*limit),name:name,code:code,tel:tel,count:dom.count};
//         var d={i:i+1,name:name,code:code,tel:tel,count:dom.count};
        html += getlaytpl('#tradd',d);
    });
    $("#user_tbody").html(html);
    layer.msg("查询成功")
});
// var code = dom.code;
// html+="<tr><td>"+(i+1+(curr-1)*limit)+"</td><td>"+code+"</td><td>"+dom.name+"</td><td>"//'openUserUpd("aaa")'
// +"<input type='button' class='layui-btn' onclick='openUserUpd(\""+code+"\")' value='修改' />&nbsp;"
// +"<input type='button' class='layui-btn' onclick='delUser(\""+code+"\")' value='删除' />&nbsp;"
// +"</td></tr>";
refresh();
function refresh(){
	$("input[type='reset']").click();
    $("input[value='查询']").click();
}
function openAdd(){
    openLayer('/web/page/department/add.jsp',refresh)
}
function del(code){
    openConfirm(function(index){
        ajax('/department', {action:'del',code:code}, 'text', function(data){
            if (data == 1) {
                layer.msg('删除成功');
                refresh();
                $("input[name='pageIndex']").val(1);
            } else if (data == "exist"){
                layer.msg('删除失败--该数据已被使用');
            } else {
                layer.msg('删除失败');
            }
        })
    })
}
function openUpd(code){
//     openLayer('/web/page/department/upd.jsp?code='+code,refresh)//?code=dc10
 openLayer('/department?action=get2&code='+code,refresh)
}
</script>
<script id="tradd" type="text/html">
<tr>
<td>{{ d.i }}</td><td>{{ d.code }}</td><td>{{ d.name }}</td>
<td>{{ d.tel }}</td><td>{{ d.count }}</td>
<td>
    <input type='button' value='修改' class='layui-btn layui-btn-sm' 
           onclick='openUpd("{{ d.code }}")'/>&nbsp;
    <a href="javascript:del('{{ d.code }}')" 
       class="layui-btn layui-btn-xs layui-btn-danger">
        <i class="layui-icon layui-icon-delete"></i>
    </a>&nbsp;
</td>
</tr>
</script>
</body>
</html>